<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/mian.css">
	<link rel="stylesheet" href="./css/icofont.css">
	
</head>
<body>
	<div class="head">
		<div class=" navigation">
			<div class="head1">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米移动</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">select Rdgion</a>
			</div>
				<div class="head2">
					<a href="">登录</a><span>|</span>
					<a href="">注册</a>
					<div class="shopping"><i class="iconfont" >  &#xe60c;</i>购物车(0) </div>
				</div>
				</div>
			</div>
			<!-- 主体上半部 -->
			<div class="body">
				<div class="body1">
					<div class="head4">
						<div class="logo">
						<div class="colour1">
							<img src="./miimg/logo.png" alt="">
						</div>
						<!-- <img src="./miimg/milogo.jpg" alt=""> -->
						<img src="./miimg/mimax.gif";></div>
						<div class="Product">
								<a href="">小米手机</a>
								<a href="">红米</a>
								<a href="">平板</a>
								<a href="">电视</a>
								<a href="">盒子·影音</a>
								<a href="">路由器</a>
								<a href="">智能硬件</a>
								<a href="">服务</a>
								<a href="">社区</a>
						</div>
						<div class="seek">
							<input class="sreach" type="text" style="height:52px ;width:245px; " >
							<input class="button iconfont" type="submit" style="height:54px; width:54px;" value="&#xe616;">
						</div>
					</div>
					<div class="head1">
						
						<div class="head1_right">
							<ul class="img">
								<li><a href=""><img src="./miimg/banner_1.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_2.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_3.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_4.jpg" alt="" width="1290px;" height="465px;"></a></li>
						<!-- 		<li><a href=""><img src="./miimg/banner_5.jpg" alt="" width="1290px;" height="465px;"></a></li>	 -->
							</ul>
							<ul class="left">
								<li><a href="">手机 平板 电话卡<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">电视 盒子<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">路由器 只能硬件 <span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">移动电源 插线板 <span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">耳机 音箱<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">电池 存储卡<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">保护套 后盖<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">贴膜 其他配件<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">米兔 服装<span class='iconfont'>&#xe622;</span></a></li>
								<li><a href="">箱包 其他周边<span class='iconfont'>&#xe622;</span></a></li>
							</ul>
						</div>
					</div>

					<div class="accessories">
						<div class="left">
							<div class="telecom"><i class="iconfont">&#xe640;</i><a href="" class="dianxin">电信专场</a></div>
							<div class="enterprise"><i class="iconfont">&#xe63e;</i>企业团购</div>
							<div class="renovate"><i class="iconfont">&#xe63b;</i>官翻产品</div>
							<div class="move"></div>
							<div class="change"><i class="iconfont">&#xe900;</i>以旧换新</div>
							<div class="recharge"></div>
						</div>
						<div class="right"><a href=""><img src="./miimg/hongmi.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi2.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi3.jpg" alt="" width="336px;" height="180px;"></a></div>
					</div>


					<div class=" product">
						<div class="product_explain">
							<a href="">小米明星单品</a>
							
							 <div class="anniu">
								<input class="an" class="iconfont" type="reset" value="&#xe622">
								<input class="niu" class="iconfont" type="reset" value="">
							</div> 
						</div>
						<div class="product_listing">
							<div class="single"><a href=""><img src="./miimg/dianshi5.jpg" width="175px;" height="182px;" alt=""></a><a href="">移动电源1000mAh 高配版</a><p class="hei">支持USB Type-C充放电，双向快充</p><p class="ye">149元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi4.jpg" width="175px;" height="182px;" alt=""></a><a href="">米家压力IH电饭煲</a><p class="hei">5月24日早10点现货</p><p class="ye">999元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi3.jpg" width="175px;" height="182px;" alt=""></a>
							<a href="">小米手环 光感版</a><p class="hei">心率丶运动丶睡眠全掌控</p><p class="ye">99元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi2.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米盒子3 增强版</a><p class="hei">高端4K 网络机顶盒</p><p class="ye">399元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>
						</div>
					</div>
				</div>
				
			</div>


		
		<!------------------------------------------------------智能硬件--------------------------------------------------------------- -->

	<div class="page-main">
		<div class="main">
			<div class="home">
				<div class="hardware">
					<p class="home11">智能硬件</p>
					<a href="">查看全部
						<span class="yuan iconfont">&#xe622;</span>
					</a>
				</div>
				<div class="Products_List">
					<div class="air_cleaner">
						<a href=""><img src="./miimg/kongqi.jpg" width="234px;" height="610px;" alt=""></a>
					</div>
					<div class="electronics">
						<div class="electronics1"><a href=""><img src="./miimg/jingshuiqi.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米净水器 厨下式</a><p class="shuoming">RO反渗透直出纯净水，包邮包安装</p><p class="jiage">1999元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/luyouqi.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米路由器3</a><p class="shuoming">更安全更稳定，现货发售</p><p class="jiage">149元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/anfang.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米智能安防套装</a><p class="shuoming">智能警戒，为您的家增添一份安心</p><p class="jiage">169元 188元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/shoubiao.jpg" width="160px;" height="160px;" alt=""></a><a href="">米兔儿童电话手表</a><p class="shuoming">安全防走丢，宝贝的贴身护卫</p><p class="jiage">299元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/che.jpg" width="160px;" height="160px;" alt=""></a><a href="">九号平衡车</a><p class="shuoming">年轻人的酷玩具，骑行遥控两种玩法</p><p class="jiage">1999元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/xiangji.jpg" width="160px;" height="160px;" alt=""></a><a href="">小蚁运动相机</a><p class="shuoming">边玩边录边拍，手机随时分享</p><p class="jiage">399元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/shexiang.jpg" width="160px;" height="160px;" alt=""></a><a href="">小蚁智能摄像机 夜视版</a><p class="shuoming">能看能听能说，手机远程观看</p><p class="jiage">149元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/xueya.jpg" width="160px;" height="160px;" alt=""></a><a href="">米家iHealth血压计</a><p class="shuoming">爸妈上手就会用的智能血压计</p><p class="jiage">399元</p></div>
					</div>
				</div>
			</div>



			<div class="home_bottom" >
				<div class="match">
	<!-- --------------------------------------------------搭配--------------------------------------------------------------------- -->	
					<div  class="match_left">搭配</div>
					<div class="match_right">
						<a href="" class="xia-1" >电池存储卡</a>
						<a href="" class="xia-2">耳机音箱</a>
						<a href="" class="xia-3">电源</a>
						<a href="" class="xia-4">热门</a>
					</div>		
				</div>

					
				<div class="span">
					<div class="span1"><a href=""><img src="./miimg/chaxianban.jpg" width="246px;" height="302px;" alt=""></a></div>

					<div class="span2"><a href=""><img src="./miimg/mi5.jpg" width="150px;" height="150px;" alt=""></a><a href="">新品发布</a><p class="xia">1999元起</p><p>57万人评价</p></div>

					<div class="span2"><a href=""><img src="./miimg/usb.jpg" width="150px;" height="150px;" alt=""></a><a href="">多彩便携USB线 120cm</a><p class="xia">19元</p><p>18万人评价</p></div>

					<div class="span2"><a href=""><img src="./miimg/zipaigan.jpg" width="150px;" height="150px;" alt=""></a><a href="">小米自拍杆</a><p class="xia">49元</p><p>20万人评价</p></div>

					<div class="span2"><a href=""><img src="./miimg/mitu.jpg" width="150px;" height="150px;" alt=""></a><a href="">功夫米兔手机支架</a><p class="xia">19元</p><p>1.9万人评价</p></div>

					<div class="span1"><a href=""><img src="./miimg/lanya.jpg" width="246px;" height="302px;" alt=""></a></div>

					<div class="span2"><a href=""><img src="./miimg/zml.jpg" width="150px;" height="150px;" alt=""></a><a href="">ZML无限扩展数据线 120cm</a><p class="xia">29元</p><p>5万人评价</p></div>

					<div class="span2"><a href=""><img src="./miimg/wifi.jpg" width="150px;" height="150px;" alt=""></a><a href="">小米随身wifi</a><p class="xia">19.9元</p><p>6.2万人评价</p></div>

					<div class="span2"><a href=""><img src="./miimg/pingguo.jpg" width="150px;" height="150px;" alt=""></a><a href="">苹果Lightning to USB数据线</a><p class="xia">39元</p><p>999人评价</p></div>

					<div class="span3">
						<div></div>
						<div></div>
					</div>
				</div>
<!-- ------------------------------------------------------配件------------------------------------------------------------------ -->

				<div class="box">
					<div class="box_one">
						<div class="one1">配件</div>
						<div class="one2">
							<a class="right" href="">其它配件</a>
							<a class="right1" href="">贴膜</a>
							<a class="right2" href="">后盖</a>
							<a class="right3" href="">保护套</a>
							<a class="right4" href="">热门</a>
						</div>
						
					</div>

					<div class="box_two">
						<div class="two_2"><a href=""><img src="./miimg/dianyuan.jpg" alt="" ></a></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_2"><a href=""></a><img src="./miimg/taozhuang.jpg" alt=""></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p></div>

						<div class="two_1"></div>

					</div>
						
				</div>	
							
				
			</div>




			
		</div>	
	</div>


			

		
			
	
	
</body>
</html>